<html lang="en">
<head>
    <base href="/">
    <meta charset="utf-8">
    <meta name="description" content="每天更新淘宝天猫内部优惠券，淘宝天猫精选超值商品。全场1元起包邮！">
    <meta name="keywords" content="熊猫优选、熊猫优品、优惠券、app、折扣、9块9、返利、打折">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-rim-auto-match" content="none">
    <meta name="viewport"
        content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,minimal-ui,viewport-fit=cover">
    <meta name="msapplication-tap-highlight" content="no">
    <title>熊猫优选 - 免费领淘宝优惠券，买到更便宜</title>
    
    
   
    
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        html {
            height: 100%;
        }

        @include responsive(medium-screens) {
            font-size: $baseFontSize * 1.1px;
        }

        @include responsive(small-screens) {
            font-size: $baseFontSize * 1px;
        }

        @include responsive(tiny-screens) {
            font-size: $baseFontSize * 0.96px;
        }

        body,
        button,
        p,
        ul {
            padding: 0;
            margin: 0;
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
            -webkit-tap-highlight-color: transparent;
        }

        body,
        html {
            width: 100%;
            height: 100%;
        }

        h1,
        h2 {
            font-weight: 400;
        }

        button {
            border: none;
            outline: 0;
            background: 0 0;
        }

        a {
            color: #333;
            text-decoration: none;
        }

        input {
            border: 0;
            outline: 0;
        }

        ul {
            list-style-type: none;
            overflow: hidden;
        }

        .swiper-container-horizontal>.swiper-pagination-bullet .swiper-pagination-bullet-active {
            color: #fdde4a;
        }

        .swiper-pagination-customs {
            cursor: pointer;
            display: block;
            margin-bottom: 20px;
            width: 10px;
            height: 10px;
            box-shadow: 0 0 0 2px #4d1f00;
            border-radius: 50%;
        }

        .swiper-pagination-customs-active {
            cursor: pointer;
            background-color: #4d1f00;
        }

        .jumpUrl {
            position: fixed;
            text-align: center;
            padding: 0.2rem 0;
            bottom: 0.96rem;
            left: 50%;
            width: 3rem;
            margin-left: -1.5rem;
            z-index: 9999;
            color: #fff;
            font-size: 0.4rem;
            border-radius: 1rem;
            background: linear-gradient(left, #3680ff 0, #2fa2fd 50%, #28c1fb 100%);
            background: -moz-linear-gradient(left, #3680ff 0, #2fa2fd 50%, #28c1fb 100%);
            background: -webkit-linear-gradient(left, #3680ff 0, #2fa2fd 50%, #28c1fb 100%);
            background-blend-mode: normal, normal;
            box-shadow: 2px 4px 7px 0 rgba(0, 52, 139, 0.3);
        }
    </style>
    <style data-vue-ssr-id="54d1cf69:0">
        .skeleton[data-v-493b16c6] {
            background-color: #f5f5f5;
        }

        .skeleton-nav[data-v-493b16c6] {
            background-color: #fdde4a;
        }

        .skeleton-search[data-v-493b16c6] {
            width: 100%;
            overflow: hidden;
            height: 1.133rem;
            line-height: 1.133rem;
            color: #877a73;
            background-color: #fdde4a;
            font-size: 0;
        }

        .skeleton-input[data-v-493b16c6] {
            display: block;
            height: 0.8rem;
            margin: 0.28rem 0.5rem;
            background-color: #fff;
            border-radius: 10px;
            font-size: 0.373rem;
            text-indent: 0.6rem;
            padding: 0 0.24rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-image: url(…POwPZU4aBTxI55lGPF1aRQKN518+8lk6AoNJvZbt1nAQYAKkzrc48wsvkAAAAASUVORK5CYII=);
            background-repeat: no-repeat;
            background-size: 0.45rem auto;
            background-position: top 0.18rem left 0.3rem;
        }

        .skeleton-tab[data-v-493b16c6] {
            position: relative;
            padding: 0 0.4rem 0 0.533rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 1px 2px 5px hsla(0, 11%, 79%, 0.5);
            box-shadow: 1px 2px 5px hsla(0, 11%, 79%, 0.5);
            height: 1.333rem;
            font-size: 0;
            overflow: hidden;
            vertical-align: middle;
        }

        .skeleton-swiper[data-v-493b16c6] {
            height: 4.5rem;
            background-color: #f5f5f5;
        }

        .skeleton-banners[data-v-493b16c6] {
            height: 3.6rem;
            border-top: 1px solid #d9d9d9;
            margin-bottom: 0.267rem;
            border-bottom: 1px solid #d9d9d9;
        }

        .skeleton-banner[data-v-493b16c6] {
            width: 50%;
            background-color: #fff;
            height: 100%;
            float: left;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .skeleton-banner[data-v-493b16c6]:first-child {
            border-right: 1px solid #d9d9d9;
        }

        .skeleton-banner-item[data-v-493b16c6] {
            height: 50%;
        }

        .skeleton-banner-item[data-v-493b16c6]:first-child {
            border-bottom: 1px solid #d9d9d9;
        }

        .skeleton-list[data-v-493b16c6] {
            background-color: #f5f5f5;
        }

        .skeleton-item[data-v-493b16c6] {
            width: 49%;
            height: 7.39rem;
            margin-bottom: 0.16rem;
            float: left;
            background: #fff;
        }

        .skeleton-item[data-v-493b16c6]:nth-child(odd) {
            margin-right: 2%;
        }

        .main {
            min-height: 100vh;
        }
    </style>
    <style data-vue-ssr-id="4bfc006b:0">
        .content[data-v-1fe2b92c] {
            margin: 0 auto;
            width: 1200px;
        }

        .banners[data-v-1fe2b92c] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .list[data-v-1fe2b92c] {
            margin-top: 20px;
        }

        .sidebar[data-v-1fe2b92c] {
            width: 220px;
            background-color: #fcf9e3;
        }

        .list-item[data-v-1fe2b92c] {
            cursor: pointer;
            display: block;
            float: left;
            margin-right: 21px;
            width: 276px;
            height: 389px;
            overflow: hidden;
            margin-bottom: 22px;
            position: relative;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            background: #f5f5f5;
        }

        .banner-container[data-v-1fe2b92c] {
            width: 660px;
            height: 389px;
            margin-right: 10px;
        }

        .swiper[data-v-1fe2b92c] {
            width: 660px;
            height: 234px;
            background-color: #f5f5f5;
        }

        .banner-container-bottom[data-v-1fe2b92c] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 20px;
            margin-left: 10px;
        }

        .banner-container-bottom .item[data-v-1fe2b92c] {
            width: 325px;
            border-radius: 18px;
            height: 128px;
            background-color: #f5f5f5;
            margin-right: 10px;
        }

        .banner-right .item[data-v-1fe2b92c]:first-child {
            height: 234px;
            width: 298px;
            background-color: #f5f5f5;
        }

        .banner-right .item[data-v-1fe2b92c]:last-child {
            height: 128px;
            width: 298px;
            background-color: #f5f5f5;
            margin-top: 20px;
        }

        .baseHeader[data-v-1fe2b92c] {
            overflow: hidden;
            position: relative;
            width: 100vw;
            height: 161px;
            font-size: 14px;
            color: #877a73;
            background-color: #fff;
        }

        .baseHeader .wrapper[data-v-1fe2b92c] {
            overflow: hidden;
            margin: 0 auto;
            width: 1200px;
            height: 100%;
        }

        .baseHeader .logo[data-v-1fe2b92c] {
            overflow: hidden;
            float: left;
            margin: 50px 0 0 20px;
            height: 75px;
        }

        .baseHeader .logo img[data-v-1fe2b92c] {
            float: left;
            width: 75px;
            height: 75px;
        }

        .baseHeader .logo .right[data-v-1fe2b92c] {
            float: left;
            margin: 8px 0 0 15px;
            text-align: center;
            color: #43200c;
        }

        .baseHeader .logo .right h3[data-v-1fe2b92c] {
            font-size: 28px;
            font-weight: 600;
            line-height: 40px;
        }

        .baseHeader .logo .right span[data-v-1fe2b92c] {
            display: inline-block;
            font-size: 12px;
            line-height: 17px;
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }

        .baseHeader .wrapper-search[data-v-1fe2b92c] {
            float: left;
            margin: 50px 0 0 108px;
            width: 532px;
            height: 48px;
        }

        .baseHeader .advantage[data-v-1fe2b92c] {
            float: right;
            margin: 43px 86px 0 0;
            font-size: 10px;
        }

        .baseHeader .advantage ul[data-v-1fe2b92c] {
            overflow: visible;
        }

        .baseHeader .advantage li[data-v-1fe2b92c] {
            float: left;
            position: relative;
            margin-right: 25px;
            width: 44px;
            height: 60px;
            text-align: center;
        }

        .baseHeader .advantage li img[data-v-1fe2b92c] {
            display: inline-block;
            width: 40px;
        }

        .baseHeader .advantage li span[data-v-1fe2b92c] {
            position: absolute;
            bottom: 0;
            left: 50%;
            font-size: 12px;
            white-space: nowrap;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .baseHeader .advantage li[data-v-1fe2b92c]:last-of-type {
            margin-right: 0;
        }

        .search[data-v-1fe2b92c] {
            position: relative;
            width: 100%;
            height: 48px;
            background: url(http://img1.lukou.com/static/img/activity/search.png) no-repeat center left 15px/20px 20px;
            border-radius: 34px;
            -webkit-box-shadow: 0 0 0 2px #43240c inset;
            box-shadow: 0 0 0 2px #43240c inset;
        }

        .search input[data-v-1fe2b92c] {
            position: absolute;
            top: 3px;
            left: 47px;
            width: calc(100% - 177px);
            font-size: 16px;
            line-height: 43px;
            color: #43200c;
        }

        .search[data-v-1fe2b92c] ::-webkit-input-placeholder {
            color: rbga(#877a73, 0.6);
        }

        .search .btn[data-v-1fe2b92c] {
            cursor: pointer;
            position: absolute;
            top: 4px;
            right: 5px;
            width: 124px;
            font-size: 14px;
            font-weight: 500;
            line-height: 40px;
            text-align: center;
            color: #43200c;
            background-color: #fee44e;
            border-radius: 34px;
        }

        .search .hot-list[data-v-1fe2b92c] {
            position: absolute;
            bottom: -38px;
            left: 10px;
            height: 20px;
        }

        .search .hot-list ul[data-v-1fe2b92c] {
            overflow: visible;
        }

        .search .hot-list li[data-v-1fe2b92c] {
            cursor: pointer;
            float: left;
            margin: 2px 0 0 0;
            padding: 0 5px;
            font-size: 14px;
            line-height: 14px;
            color: #877a73;
            border-right: 1px solid #877a73;
        }

        .search .hot-list li.highlight[data-v-1fe2b92c] {
            color: #ff5556;
        }

        .search .hot-list li[data-v-1fe2b92c]:first-of-type {
            padding-left: 0;
        }

        .search .hot-list li[data-v-1fe2b92c]:last-of-type {
            border-right: none;
        }
    </style>
    <style data-vue-ssr-id="226b5ef6:0">
        .normal[data-v-117e2cfe] {
            margin: 0 auto;
            width: 100%;
            height: 46px;
            color: #fff;
            background-color: #43240c;
        }

        .normal ul[data-v-117e2cfe] {
            margin: 0 auto;
            width: 1200px;
            height: 46px;
        }

        .normal li[data-v-117e2cfe] {
            cursor: pointer;
            float: left;
            width: 166px;
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            line-height: 47px;
        }

        .normal li.active[data-v-117e2cfe],
        .normal li[data-v-117e2cfe]:hover {
            color: #43240c;
            background-color: #fee44e;
        }

        .normal li[data-v-117e2cfe]:first-of-type {
            width: 220px;
        }

        .sub[data-v-117e2cfe] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0 auto;
            width: 100%;
            height: 56px;
            font-size: 18px;
            color: #43200c;
            background-color: #fff;
        }

        .sub ul[data-v-117e2cfe] {
            overflow: hidden;
            margin: 0 auto;
            width: 1200px;
            height: 56px;
        }

        .sub li[data-v-117e2cfe] {
            cursor: pointer;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            position: relative;
            margin: 0 0 0 16px;
            padding: 0 17px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            line-height: 56px;
            color: #43240c;
        }

        .sub li a[data-v-117e2cfe] {
            display: block;
            width: 100%;
            height: 100%;
        }

        .sub li.active[data-v-117e2cfe],
        .sub li[data-v-117e2cfe]:hover {
            -webkit-box-shadow: 0 -3px 0 -1px currentColor inset;
            box-shadow: 0 -3px 0 -1px currentColor inset;
        }
    </style>
    <style data-vue-ssr-id="4679f032:0">
        .classification[data-v-12ba298d] {
            z-index: 10;
            position: relative;
        }

        .classification li[data-v-12ba298d] {
            cursor: pointer;
            margin: 0;
            width: 100%;
            height: 41px;
            line-height: 41px;
            text-align: center;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .classification li.active[data-v-12ba298d] {
            background-color: #fff;
        }

        .classification .sidebar-panel[data-v-12ba298d] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            top: 0;
            right: -230px;
            padding: 21px 22px;
            width: 230px;
            height: 100%;
            background-color: #fff;
        }

        .classification .sidebar-panel-loading[data-v-12ba298d] {
            position: absolute;
            top: calc(50% - 15px);
            left: calc(50% - 15px);
            width: 30px;
            height: 30px;
            -webkit-animation: loading-data-v-12ba298d 1s linear infinite;
            animation: loading-data-v-12ba298d 1s linear infinite;
        }

        .classification .sidebar-panel-item[data-v-12ba298d] {
            margin: 0 auto 30px;
            width: 100%;
            font-size: 12px;
            text-align: left;
            color: #a79c95;
        }

        .classification .sidebar-panel-item h3[data-v-12ba298d] {
            padding: 0 0 6px;
            line-height: 17px;
            border-bottom: 1px solid #e7e7ee;
        }

        .classification .sidebar-panel-item ul[data-v-12ba298d] {
            overflow: hidden;
        }

        .classification .sidebar-panel-item li[data-v-12ba298d] {
            float: left;
            margin: 13px 4px 0;
            width: auto;
            line-height: 17px;
            height: 17px;
        }

        .classification .sidebar-panel-item li[data-v-12ba298d]:hover {
            color: #ff5656;
        }

        .fade-enter-active[data-v-12ba298d],
        .fade-leave-active[data-v-12ba298d] {
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

        .fade-enter[data-v-12ba298d],
        .fade-leave-to[data-v-12ba298d] {
            opacity: 0;
        }

        @-webkit-keyframes loading-data-v-12ba298d {
            100% {
                -webkit-transform: rotateZ(360deg);
                transform: rotateZ(360deg);
            }
        }

        @keyframes loading-data-v-12ba298d {
            100% {
                -webkit-transform: rotateZ(360deg);
                transform: rotateZ(360deg);
            }
        }
    </style>
    <style data-vue-ssr-id="27a7af6c:0">
        .classificationItem[data-v-41247680] {
            display: inline-block;
            position: relative;
            font-size: 14px;
            min-width: 77px;
            height: 100%;
            color: #43200c;
        }

        .classificationItem img[data-v-41247680] {
            position: absolute;
            top: 50%;
            left: -23px;
            height: 20px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .classificationItem p[data-v-41247680] {
            display: inline-block;
        }

        .classificationItem p[data-v-41247680]:hover {
            color: #ff5656;
            text-decoration: underline;
        }
    </style>
    <style data-vue-ssr-id="3c6cc44d:0">
        .base-footer[data-v-0a0f47c2] {
            width: 100%;
            height: 240px;
            background: #000;
            opacity: 0.706;
            color: #fff;
            position: relative;
            bottom: 0;
            font-family: PingFang-SC-Medium;
            margin-top: 81px;
        }

        .base-footer .container[data-v-0a0f47c2] {
            width: 1200px;
            height: 112px;
            margin: 0 auto;
        }

        .base-footer .container .yx-icon[data-v-0a0f47c2] {
            float: left;
            width: 112px;
            height: 112px;
            margin: 37px 19px 0 40px;
            margin-right: 19px;
        }

        .base-footer .container .content[data-v-0a0f47c2] {
            display: inline-block;
            text-align: center;
            margin-top: 45px;
            margin-right: 444px;
        }

        .base-footer .container .content .title[data-v-0a0f47c2] {
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            font-weight: 600;
        }

        .base-footer .container .content .slogan[data-v-0a0f47c2] {
            font-size: 18px;
            font-weight: 500;
            line-height: 25px;
        }

        .base-footer .container .about-us[data-v-0a0f47c2] {
            margin-top: -56px;
        }

        .base-footer .container .about-us .items[data-v-0a0f47c2] {
            font-size: 20px;
            margin-left: 502px;
        }

        .base-footer .container .about-us .item[data-v-0a0f47c2] {
            color: #fff;
            text-decoration: none;
        }

        .base-footer .container .about-us .item[data-v-0a0f47c2]:hover {
            color: #ff5556;
        }

        .base-footer .container .about-us .line[data-v-0a0f47c2] {
            margin: 0 8px;
        }

        .base-footer .container .footer[data-v-0a0f47c2] {
            position: relative;
            text-align: center;
            margin-top: 88px;
        }

        .base-footer .container .footer .police-icon[data-v-0a0f47c2] {
            width: 22px;
            height: 22px;
            margin-top: 5px;
            vertical-align: -5px;
        }

        .base-footer .container .footer .msg[data-v-0a0f47c2] {
            display: inline-block;
            line-height: 25px;
            font-size: 18px;
        }
    </style>
    <style data-vue-ssr-id="1f9b19c0:0">
        .skeleton[data-v-1176ab26] {
            background-color: #f5f5f5;
        }

        .skeleton-nav[data-v-1176ab26] {
            background-color: #fdde4a;
        }

        .skeleton-search[data-v-1176ab26] {
            width: 100%;
            overflow: hidden;
            height: 1.133rem;
            line-height: 1.133rem;
            color: #877a73;
            background-color: #fdde4a;
            font-size: 0;
        }

        .skeleton-input[data-v-1176ab26] {
            display: block;
            height: 0.8rem;
            margin: 0.28rem 0.5rem;
            background-color: #fff;
            border-radius: 10px;
            font-size: 0.373rem;
            text-indent: 0.6rem;
            padding: 0 0.24rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-image: url();
            background-repeat: no-repeat;
            background-size: 0.45rem auto;
            background-position: top 0.18rem left 0.3rem;
            line-height: 2.2;
        }

        .skeleton-tab[data-v-1176ab26] {
            position: relative;
            padding: 0 0.4rem 0 0.533rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 1px 2px 5px hsla(0, 11%, 79%, 0.5);
            box-shadow: 1px 2px 5px hsla(0, 11%, 79%, 0.5);
            height: 1.333rem;
            font-size: 0;
            overflow: hidden;
            vertical-align: middle;
        }

        .skeleton-swiper[data-v-1176ab26] {
            height: 3.5rem;
            background: #f5f5f5 url(http://img1.lukou.com/static/img/gif/Spinner.gif) no-repeat center center;
            padding-top: 1rem;
            background-size: 30% auto;
        }

        .skeleton-banners[data-v-1176ab26] {
            height: 3.6rem;
            border-top: 1px solid #d9d9d9;
            margin-bottom: 0.267rem;
            border-bottom: 1px solid #d9d9d9;
        }

        .skeleton-banner[data-v-1176ab26] {
            width: 50%;
            background-color: #fff;
            height: 100%;
            float: left;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .skeleton-banner[data-v-1176ab26]:first-child {
            border-right: 1px solid #d9d9d9;
        }

        .skeleton-banner-item[data-v-1176ab26] {
            height: 50%;
        }

        .skeleton-banner-item[data-v-1176ab26]:first-child {
            border-bottom: 1px solid #d9d9d9;
        }

        .skeleton-list[data-v-1176ab26] {
            background-color: #f5f5f5;
        }

        .skeleton-item[data-v-1176ab26] {
            width: 49%;
            height: 7.39rem;
            margin-bottom: 0.16rem;
            float: left;
            background: #fff;
        }

        .skeleton-item[data-v-1176ab26]:nth-child(odd) {
            margin-right: 2%;
        }

        .split-line[data-v-1176ab26] {
            color: rgba(135, 122, 115, 0.7);
            font-size: 0.32rem;
            text-align: center;
            height: 1.067rem;
            line-height: 1.067rem;
            vertical-align: middle;
            font-size: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .split-line .line[data-v-1176ab26] {
            height: 1px;
            background-color: #fdde4a;
            width: 12%;
            display: inline-block;
            margin-bottom: 3px;
        }

        .split-line .text[data-v-1176ab26] {
            font-size: 0.32rem;
        }

        .split-line .text[data-v-1176ab26]:before {
            content: "";
            width: 0;
            height: 0;
            border: 3px solid #fdde4a;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-top: -3px;
            margin-right: 0.4rem;
        }

        .split-line .text[data-v-1176ab26]:after {
            content: "";
            width: 0;
            height: 0;
            border: 3px solid #fdde4a;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-top: -3px;
            margin-left: 0.4rem;
        }

        #skeleton {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 1;
        }
    </style>
    <style data-vue-ssr-id="4bfc006b:0">
        .content[data-v-1fe2b92c] {
            margin: 0 auto;
            width: 1200px;
        }

        .banners[data-v-1fe2b92c] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .list[data-v-1fe2b92c] {
            margin-top: 20px;
        }

        .sidebar[data-v-1fe2b92c] {
            width: 220px;
            background-color: #fcf9e3;
        }

        .list-item[data-v-1fe2b92c] {
            cursor: pointer;
            display: block;
            float: left;
            margin-right: 21px;
            width: 276px;
            height: 389px;
            overflow: hidden;
            margin-bottom: 22px;
            position: relative;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            background: #f5f5f5;
        }

        .banner-container[data-v-1fe2b92c] {
            width: 660px;
            height: 389px;
            margin-right: 10px;
        }

        .swiper[data-v-1fe2b92c] {
            width: 660px;
            height: 234px;
            background-color: #f5f5f5;
        }

        .banner-container-bottom[data-v-1fe2b92c] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 20px;
            margin-left: 10px;
        }

        .banner-container-bottom .item[data-v-1fe2b92c] {
            width: 325px;
            border-radius: 18px;
            height: 128px;
            background-color: #f5f5f5;
            margin-right: 10px;
        }

        .banner-right .item[data-v-1fe2b92c]:first-child {
            height: 234px;
            width: 298px;
            background-color: #f5f5f5;
        }

        .banner-right .item[data-v-1fe2b92c]:last-child {
            height: 128px;
            width: 298px;
            background-color: #f5f5f5;
            margin-top: 20px;
        }

        .baseHeader[data-v-1fe2b92c] {
            overflow: hidden;
            position: relative;
            width: 100vw;
            height: 161px;
            font-size: 14px;
            color: #877a73;
            background-color: #fff;
        }

        .baseHeader .wrapper[data-v-1fe2b92c] {
            overflow: hidden;
            margin: 0 auto;
            width: 1200px;
            height: 100%;
        }

        .baseHeader .logo[data-v-1fe2b92c] {
            overflow: hidden;
            float: left;
            margin: 50px 0 0 20px;
            height: 75px;
        }

        .baseHeader .logo img[data-v-1fe2b92c] {
            float: left;
            width: 75px;
            height: 75px;
        }

        .baseHeader .logo .right[data-v-1fe2b92c] {
            float: left;
            margin: 8px 0 0 15px;
            text-align: center;
            color: #43200c;
        }

        .baseHeader .logo .right h3[data-v-1fe2b92c] {
            font-size: 28px;
            font-weight: 600;
            line-height: 40px;
        }

        .baseHeader .logo .right span[data-v-1fe2b92c] {
            display: inline-block;
            font-size: 12px;
            line-height: 17px;
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }

        .baseHeader .wrapper-search[data-v-1fe2b92c] {
            float: left;
            margin: 50px 0 0 108px;
            width: 532px;
            height: 48px;
        }

        .baseHeader .advantage[data-v-1fe2b92c] {
            float: right;
            margin: 43px 86px 0 0;
            font-size: 10px;
        }

        .baseHeader .advantage ul[data-v-1fe2b92c] {
            overflow: visible;
        }

        .baseHeader .advantage li[data-v-1fe2b92c] {
            float: left;
            position: relative;
            margin-right: 25px;
            width: 44px;
            height: 60px;
            text-align: center;
        }

        .baseHeader .advantage li img[data-v-1fe2b92c] {
            display: inline-block;
            width: 40px;
        }

        .baseHeader .advantage li span[data-v-1fe2b92c] {
            position: absolute;
            bottom: 0;
            left: 50%;
            font-size: 12px;
            white-space: nowrap;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .baseHeader .advantage li[data-v-1fe2b92c]:last-of-type {
            margin-right: 0;
        }

        .search[data-v-1fe2b92c] {
            position: relative;
            width: 100%;
            height: 48px;
            background: url(http://img1.lukou.com/static/img/activity/search.png) no-repeat center left 15px/20px 20px;
            border-radius: 34px;
            -webkit-box-shadow: 0 0 0 2px #43240c inset;
            box-shadow: 0 0 0 2px #43240c inset;
        }

        .search input[data-v-1fe2b92c] {
            position: absolute;
            top: 3px;
            left: 47px;
            width: calc(100% - 177px);
            font-size: 16px;
            line-height: 43px;
            color: #43200c;
        }

        .search[data-v-1fe2b92c] ::-webkit-input-placeholder {
            color: rbga(#877a73, 0.6);
        }

        .search .btn[data-v-1fe2b92c] {
            cursor: pointer;
            position: absolute;
            top: 4px;
            right: 5px;
            width: 124px;
            font-size: 14px;
            font-weight: 500;
            line-height: 40px;
            text-align: center;
            color: #43200c;
            background-color: #fee44e;
            border-radius: 34px;
        }

        .search .hot-list[data-v-1fe2b92c] {
            position: absolute;
            bottom: -38px;
            left: 10px;
            height: 20px;
        }

        .search .hot-list ul[data-v-1fe2b92c] {
            overflow: visible;
        }

        .search .hot-list li[data-v-1fe2b92c] {
            cursor: pointer;
            float: left;
            margin: 2px 0 0 0;
            padding: 0 5px;
            font-size: 14px;
            line-height: 14px;
            color: #877a73;
            border-right: 1px solid #877a73;
        }

        .search .hot-list li.highlight[data-v-1fe2b92c] {
            color: #ff5556;
        }

        .search .hot-list li[data-v-1fe2b92c]:first-of-type {
            padding-left: 0;
        }

        .search .hot-list li[data-v-1fe2b92c]:last-of-type {
            border-right: none;
        }

        .normal[data-v-1fe2b92c] {
            margin: 0 auto;
            width: 100%;
            height: 46px;
            color: #fff;
            background-color: #43240c;
        }

        .normal ul[data-v-1fe2b92c] {
            margin: 0 auto;
            width: 1200px;
            height: 46px;
        }

        .normal li[data-v-1fe2b92c] {
            cursor: pointer;
            float: left;
            width: 166px;
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            line-height: 47px;
        }

        .normal li.active[data-v-1fe2b92c],
        .normal li[data-v-1fe2b92c]:hover {
            color: #43240c;
            background-color: #fee44e;
        }

        .normal li[data-v-1fe2b92c]:first-of-type {
            width: 220px;
        }
    </style>
    <style data-vue-ssr-id="4679f032:0">
        .classification[data-v-12ba298d] {
            z-index: 10;
            position: relative;
        }

        .classification li[data-v-12ba298d] {
            cursor: pointer;
            margin: 0;
            width: 100%;
            height: 41px;
            line-height: 41px;
            text-align: center;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .classification li.active[data-v-12ba298d] {
            background-color: #fff;
        }

        .classification .sidebar-panel[data-v-12ba298d] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            top: 0;
            right: -230px;
            padding: 21px 22px;
            width: 230px;
            height: 100%;
            background-color: #fff;
        }

        .classification .sidebar-panel-loading[data-v-12ba298d] {
            position: absolute;
            top: calc(50% - 15px);
            left: calc(50% - 15px);
            width: 30px;
            height: 30px;
            -webkit-animation: loading-data-v-12ba298d 1s linear infinite;
            animation: loading-data-v-12ba298d 1s linear infinite;
        }

        .classification .sidebar-panel-item[data-v-12ba298d] {
            margin: 0 auto 30px;
            width: 100%;
            font-size: 12px;
            text-align: left;
            color: #a79c95;
        }

        .classification .sidebar-panel-item h3[data-v-12ba298d] {
            padding: 0 0 6px;
            line-height: 17px;
            border-bottom: 1px solid #e7e7ee;
        }

        .classification .sidebar-panel-item ul[data-v-12ba298d] {
            overflow: hidden;
        }

        .classification .sidebar-panel-item li[data-v-12ba298d] {
            float: left;
            margin: 13px 4px 0;
            width: auto;
            line-height: 17px;
            height: 17px;
        }

        .classification .sidebar-panel-item li[data-v-12ba298d]:hover {
            color: #ff5656;
        }

        .fade-enter-active[data-v-12ba298d],
        .fade-leave-active[data-v-12ba298d] {
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

        .fade-enter[data-v-12ba298d],
        .fade-leave-to[data-v-12ba298d] {
            opacity: 0;
        }

        @-webkit-keyframes loading-data-v-12ba298d {
            100% {
                -webkit-transform: rotateZ(360deg);
                transform: rotateZ(360deg);
            }
        }

        @keyframes loading-data-v-12ba298d {
            100% {
                -webkit-transform: rotateZ(360deg);
                transform: rotateZ(360deg);
            }
        }
    </style>
    <style data-vue-ssr-id="27a7af6c:0">
        .classificationItem[data-v-41247680] {
            display: inline-block;
            position: relative;
            font-size: 14px;
            min-width: 77px;
            height: 100%;
            color: #43200c;
        }

        .classificationItem img[data-v-41247680] {
            position: absolute;
            top: 50%;
            left: -23px;
            height: 20px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .classificationItem p[data-v-41247680] {
            display: inline-block;
        }

        .classificationItem p[data-v-41247680]:hover {
            color: #ff5656;
            text-decoration: underline;
        }
    </style>
    <style data-vue-ssr-id="3c6cc44d:0">
        .base-footer[data-v-0a0f47c2] {
            width: 100%;
            height: 240px;
            background: #000;
            opacity: 0.706;
            color: #fff;
            position: relative;
            bottom: 0;
            font-family: PingFang-SC-Medium;
            margin-top: 81px;
        }

        .base-footer .container[data-v-0a0f47c2] {
            width: 1200px;
            height: 112px;
            margin: 0 auto;
        }

        .base-footer .container .yx-icon[data-v-0a0f47c2] {
            float: left;
            width: 112px;
            height: 112px;
            margin: 37px 19px 0 40px;
            margin-right: 19px;
        }

        .base-footer .container .content[data-v-0a0f47c2] {
            display: inline-block;
            text-align: center;
            margin-top: 45px;
            margin-right: 444px;
        }

        .base-footer .container .content .title[data-v-0a0f47c2] {
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            font-weight: 600;
        }

        .base-footer .container .content .slogan[data-v-0a0f47c2] {
            font-size: 18px;
            font-weight: 500;
            line-height: 25px;
        }

        .base-footer .container .about-us[data-v-0a0f47c2] {
            margin-top: -56px;
        }

        .base-footer .container .about-us .items[data-v-0a0f47c2] {
            font-size: 20px;
            margin-left: 502px;
        }

        .base-footer .container .about-us .item[data-v-0a0f47c2] {
            color: #fff;
            text-decoration: none;
        }

        .base-footer .container .about-us .item[data-v-0a0f47c2]:hover {
            color: #ff5556;
        }

        .base-footer .container .about-us .line[data-v-0a0f47c2] {
            margin: 0 8px;
        }

        .base-footer .container .footer[data-v-0a0f47c2] {
            position: relative;
            text-align: center;
            margin-top: 88px;
        }

        .base-footer .container .footer .police-icon[data-v-0a0f47c2] {
            width: 22px;
            height: 22px;
            margin-top: 5px;
            vertical-align: -5px;
        }

        .base-footer .container .footer .msg[data-v-0a0f47c2] {
            display: inline-block;
            line-height: 25px;
            font-size: 18px;
        }
    </style>
    <style data-vue-ssr-id="1f9b19c0:0">
        .skeleton[data-v-1176ab26] {
            background-color: #f5f5f5;
        }

        .skeleton-nav[data-v-1176ab26] {
            background-color: #fdde4a;
        }

        .skeleton-search[data-v-1176ab26] {
            width: 100%;
            overflow: hidden;
            height: 1.133rem;
            line-height: 1.133rem;
            color: #877a73;
            background-color: #fdde4a;
            font-size: 0;
        }

        .skeleton-input[data-v-1176ab26] {
            display: block;
            height: 0.8rem;
            margin: 0.28rem 0.5rem;
            background-color: #fff;
            border-radius: 10px;
            font-size: 0.373rem;
            text-indent: 0.6rem;
            padding: 0 0.24rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-image: url();
            background-repeat: no-repeat;
            background-size: 0.45rem auto;
            background-position: top 0.18rem left 0.3rem;
            line-height: 2.2;
        }

        .skeleton-tab[data-v-1176ab26] {
            position: relative;
            padding: 0 0.4rem 0 0.533rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 1px 2px 5px hsla(0, 11%, 79%, 0.5);
            box-shadow: 1px 2px 5px hsla(0, 11%, 79%, 0.5);
            height: 1.333rem;
            font-size: 0;
            overflow: hidden;
            vertical-align: middle;
        }

        .skeleton-swiper[data-v-1176ab26] {
            height: 3.5rem;
            background: #f5f5f5 url(http://img1.lukou.com/static/img/gif/Spinner.gif) no-repeat center center;
            padding-top: 1rem;
            background-size: 30% auto;
        }

        .skeleton-banners[data-v-1176ab26] {
            height: 3.6rem;
            border-top: 1px solid #d9d9d9;
            margin-bottom: 0.267rem;
            border-bottom: 1px solid #d9d9d9;
        }

        .skeleton-banner[data-v-1176ab26] {
            width: 50%;
            background-color: #fff;
            height: 100%;
            float: left;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .skeleton-banner[data-v-1176ab26]:first-child {
            border-right: 1px solid #d9d9d9;
        }

        .skeleton-banner-item[data-v-1176ab26] {
            height: 50%;
        }

        .skeleton-banner-item[data-v-1176ab26]:first-child {
            border-bottom: 1px solid #d9d9d9;
        }

        .skeleton-list[data-v-1176ab26] {
            background-color: #f5f5f5;
        }

        .skeleton-item[data-v-1176ab26] {
            width: 49%;
            height: 7.39rem;
            margin-bottom: 0.16rem;
            float: left;
            background: #fff;
        }

        .skeleton-item[data-v-1176ab26]:nth-child(odd) {
            margin-right: 2%;
        }

        .split-line[data-v-1176ab26] {
            color: rgba(135, 122, 115, 0.7);
            font-size: 0.32rem;
            text-align: center;
            height: 1.067rem;
            line-height: 1.067rem;
            vertical-align: middle;
            font-size: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .split-line .line[data-v-1176ab26] {
            height: 1px;
            background-color: #fdde4a;
            width: 12%;
            display: inline-block;
            margin-bottom: 3px;
        }

        .split-line .text[data-v-1176ab26] {
            font-size: 0.32rem;
        }

        .split-line .text[data-v-1176ab26]:before {
            content: "";
            width: 0;
            height: 0;
            border: 3px solid #fdde4a;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-top: -3px;
            margin-right: 0.4rem;
        }

        .split-line .text[data-v-1176ab26]:after {
            content: "";
            width: 0;
            height: 0;
            border: 3px solid #fdde4a;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-top: -3px;
            margin-left: 0.4rem;
        }
    </style>
    <style data-vue-ssr-id="4bfc006b:0">
        .content[data-v-1fe2b92c] {
            margin: 0 auto;
            width: 1200px;
        }

        .banners[data-v-1fe2b92c] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .list[data-v-1fe2b92c] {
            margin-top: 20px;
        }

        .sidebar[data-v-1fe2b92c] {
            width: 220px;
            background-color: #fcf9e3;
        }

        .list-item[data-v-1fe2b92c] {
            cursor: pointer;
            display: block;
            float: left;
            margin-right: 21px;
            width: 276px;
            height: 389px;
            overflow: hidden;
            margin-bottom: 22px;
            position: relative;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            background: #f5f5f5;
        }

        .banner-container[data-v-1fe2b92c] {
            width: 660px;
            height: 389px;
            margin-right: 10px;
        }

        .swiper[data-v-1fe2b92c] {
            width: 660px;
            height: 234px;
            background-color: #f5f5f5;
        }

        .banner-container-bottom[data-v-1fe2b92c] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 20px;
            margin-left: 10px;
        }

        .banner-container-bottom .item[data-v-1fe2b92c] {
            width: 325px;
            border-radius: 18px;
            height: 128px;
            background-color: #f5f5f5;
            margin-right: 10px;
        }

        .banner-right .item[data-v-1fe2b92c]:first-child {
            height: 234px;
            width: 298px;
            background-color: #f5f5f5;
        }

        .banner-right .item[data-v-1fe2b92c]:last-child {
            height: 128px;
            width: 298px;
            background-color: #f5f5f5;
            margin-top: 20px;
        }

        .baseHeader[data-v-1fe2b92c] {
            overflow: hidden;
            position: relative;
            width: 100vw;
            height: 161px;
            font-size: 14px;
            color: #877a73;
            background-color: #fff;
        }

        .baseHeader .wrapper[data-v-1fe2b92c] {
            overflow: hidden;
            margin: 0 auto;
            width: 1200px;
            height: 100%;
        }

        .baseHeader .logo[data-v-1fe2b92c] {
            overflow: hidden;
            float: left;
            margin: 50px 0 0 20px;
            height: 75px;
        }

        .baseHeader .logo img[data-v-1fe2b92c] {
            float: left;
            width: 75px;
            height: 75px;
        }

        .baseHeader .logo .right[data-v-1fe2b92c] {
            float: left;
            margin: 8px 0 0 15px;
            text-align: center;
            color: #43200c;
        }

        .baseHeader .logo .right h3[data-v-1fe2b92c] {
            font-size: 28px;
            font-weight: 600;
            line-height: 40px;
        }

        .baseHeader .logo .right span[data-v-1fe2b92c] {
            display: inline-block;
            font-size: 12px;
            line-height: 17px;
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }

        .baseHeader .wrapper-search[data-v-1fe2b92c] {
            float: left;
            margin: 50px 0 0 108px;
            width: 532px;
            height: 48px;
        }

        .baseHeader .advantage[data-v-1fe2b92c] {
            float: right;
            margin: 43px 86px 0 0;
            font-size: 10px;
        }

        .baseHeader .advantage ul[data-v-1fe2b92c] {
            overflow: visible;
        }

        .baseHeader .advantage li[data-v-1fe2b92c] {
            float: left;
            position: relative;
            margin-right: 25px;
            width: 44px;
            height: 60px;
            text-align: center;
        }

        .baseHeader .advantage li img[data-v-1fe2b92c] {
            display: inline-block;
            width: 40px;
        }

        .baseHeader .advantage li span[data-v-1fe2b92c] {
            position: absolute;
            bottom: 0;
            left: 50%;
            font-size: 12px;
            white-space: nowrap;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .baseHeader .advantage li[data-v-1fe2b92c]:last-of-type {
            margin-right: 0;
        }

        .search[data-v-1fe2b92c] {
            position: relative;
            width: 100%;
            height: 48px;
            background: url(http://img1.lukou.com/static/img/activity/search.png) no-repeat center left 15px/20px 20px;
            border-radius: 34px;
            -webkit-box-shadow: 0 0 0 2px #43240c inset;
            box-shadow: 0 0 0 2px #43240c inset;
        }

        .search input[data-v-1fe2b92c] {
            position: absolute;
            top: 3px;
            left: 47px;
            width: calc(100% - 177px);
            font-size: 16px;
            line-height: 43px;
            color: #43200c;
        }

        .search[data-v-1fe2b92c] ::-webkit-input-placeholder {
            color: rbga(#877a73, 0.6);
        }

        .search .btn[data-v-1fe2b92c] {
            cursor: pointer;
            position: absolute;
            top: 4px;
            right: 5px;
            width: 124px;
            font-size: 14px;
            font-weight: 500;
            line-height: 40px;
            text-align: center;
            color: #43200c;
            background-color: #fee44e;
            border-radius: 34px;
        }

        .search .hot-list[data-v-1fe2b92c] {
            position: absolute;
            bottom: -38px;
            left: 10px;
            height: 20px;
        }

        .search .hot-list ul[data-v-1fe2b92c] {
            overflow: visible;
        }

        .search .hot-list li[data-v-1fe2b92c] {
            cursor: pointer;
            float: left;
            margin: 2px 0 0 0;
            padding: 0 5px;
            font-size: 14px;
            line-height: 14px;
            color: #877a73;
            border-right: 1px solid #877a73;
        }

        .search .hot-list li.highlight[data-v-1fe2b92c] {
            color: #ff5556;
        }

        .search .hot-list li[data-v-1fe2b92c]:first-of-type {
            padding-left: 0;
        }

        .search .hot-list li[data-v-1fe2b92c]:last-of-type {
            border-right: none;
        }

        .normal[data-v-1fe2b92c] {
            margin: 0 auto;
            width: 100%;
            height: 46px;
            color: #fff;
            background-color: #43240c;
        }

        .normal ul[data-v-1fe2b92c] {
            margin: 0 auto;
            width: 1200px;
            height: 46px;
        }

        .normal li[data-v-1fe2b92c] {
            cursor: pointer;
            float: left;
            width: 166px;
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            line-height: 47px;
        }

        .normal li.active[data-v-1fe2b92c],
        .normal li[data-v-1fe2b92c]:hover {
            color: #43240c;
            background-color: #fee44e;
        }

        .normal li[data-v-1fe2b92c]:first-of-type {
            width: 220px;
        }
    </style>
    <style data-vue-ssr-id="4679f032:0">
        .classification[data-v-12ba298d] {
            z-index: 10;
            position: relative;
        }

        .classification li[data-v-12ba298d] {
            cursor: pointer;
            margin: 0;
            width: 100%;
            height: 41px;
            line-height: 41px;
            text-align: center;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .classification li.active[data-v-12ba298d] {
            background-color: #fff;
        }

        .classification .sidebar-panel[data-v-12ba298d] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            top: 0;
            right: -230px;
            padding: 21px 22px;
            width: 230px;
            height: 100%;
            background-color: #fff;
        }

        .classification .sidebar-panel-loading[data-v-12ba298d] {
            position: absolute;
            top: calc(50% - 15px);
            left: calc(50% - 15px);
            width: 30px;
            height: 30px;
            -webkit-animation: loading-data-v-12ba298d 1s linear infinite;
            animation: loading-data-v-12ba298d 1s linear infinite;
        }

        .classification .sidebar-panel-item[data-v-12ba298d] {
            margin: 0 auto 30px;
            width: 100%;
            font-size: 12px;
            text-align: left;
            color: #a79c95;
        }

        .classification .sidebar-panel-item h3[data-v-12ba298d] {
            padding: 0 0 6px;
            line-height: 17px;
            border-bottom: 1px solid #e7e7ee;
        }

        .classification .sidebar-panel-item ul[data-v-12ba298d] {
            overflow: hidden;
        }

        .classification .sidebar-panel-item li[data-v-12ba298d] {
            float: left;
            margin: 13px 4px 0;
            width: auto;
            line-height: 17px;
            height: 17px;
        }

        .classification .sidebar-panel-item li[data-v-12ba298d]:hover {
            color: #ff5656;
        }

        .fade-enter-active[data-v-12ba298d],
        .fade-leave-active[data-v-12ba298d] {
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

        .fade-enter[data-v-12ba298d],
        .fade-leave-to[data-v-12ba298d] {
            opacity: 0;
        }

        @-webkit-keyframes loading-data-v-12ba298d {
            100% {
                -webkit-transform: rotateZ(360deg);
                transform: rotateZ(360deg);
            }
        }

        @keyframes loading-data-v-12ba298d {
            100% {
                -webkit-transform: rotateZ(360deg);
                transform: rotateZ(360deg);
            }
        }
    </style>
    <style data-vue-ssr-id="27a7af6c:0">
        .classificationItem[data-v-41247680] {
            display: inline-block;
            position: relative;
            font-size: 14px;
            min-width: 77px;
            height: 100%;
            color: #43200c;
        }

        .classificationItem img[data-v-41247680] {
            position: absolute;
            top: 50%;
            left: -23px;
            height: 20px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .classificationItem p[data-v-41247680] {
            display: inline-block;
        }

        .classificationItem p[data-v-41247680]:hover {
            color: #ff5656;
            text-decoration: underline;
        }
    </style>
    <style data-vue-ssr-id="3c6cc44d:0">
        .base-footer[data-v-0a0f47c2] {
            width: 100%;
            height: 240px;
            background: #000;
            opacity: 0.706;
            color: #fff;
            position: relative;
            bottom: 0;
            font-family: PingFang-SC-Medium;
            margin-top: 81px;
        }

        .base-footer .container[data-v-0a0f47c2] {
            width: 1200px;
            height: 112px;
            margin: 0 auto;
        }

        .base-footer .container .yx-icon[data-v-0a0f47c2] {
            float: left;
            width: 112px;
            height: 112px;
            margin: 37px 19px 0 40px;
            margin-right: 19px;
        }

        .base-footer .container .content[data-v-0a0f47c2] {
            display: inline-block;
            text-align: center;
            margin-top: 45px;
            margin-right: 444px;
        }

        .base-footer .container .content .title[data-v-0a0f47c2] {
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            font-weight: 600;
        }

        .base-footer .container .content .slogan[data-v-0a0f47c2] {
            font-size: 18px;
            font-weight: 500;
            line-height: 25px;
        }

        .base-footer .container .about-us[data-v-0a0f47c2] {
            margin-top: -56px;
        }

        .base-footer .container .about-us .items[data-v-0a0f47c2] {
            font-size: 20px;
            margin-left: 502px;
        }

        .base-footer .container .about-us .item[data-v-0a0f47c2] {
            color: #fff;
            text-decoration: none;
        }

        .base-footer .container .about-us .item[data-v-0a0f47c2]:hover {
            color: #ff5556;
        }

        .base-footer .container .about-us .line[data-v-0a0f47c2] {
            margin: 0 8px;
        }

        .base-footer .container .footer[data-v-0a0f47c2] {
            position: relative;
            text-align: center;
            margin-top: 88px;
        }

        .base-footer .container .footer .police-icon[data-v-0a0f47c2] {
            width: 22px;
            height: 22px;
            margin-top: 5px;
            vertical-align: -5px;
        }

        .base-footer .container .footer .msg[data-v-0a0f47c2] {
            display: inline-block;
            line-height: 25px;
            font-size: 18px;
        }
    </style>
    <style data-vue-ssr-id="1f9b19c0:0">
        .skeleton[data-v-1176ab26] {
            background-color: #f5f5f5;
        }

        .skeleton-nav[data-v-1176ab26] {
            background-color: #fdde4a;
        }

        .skeleton-search[data-v-1176ab26] {
            width: 100%;
            overflow: hidden;
            height: 1.133rem;
            line-height: 1.133rem;
            color: #877a73;
            background-color: #fdde4a;
            font-size: 0;
        }

        .skeleton-input[data-v-1176ab26] {
            display: block;
            height: 0.8rem;
            margin: 0.28rem 0.5rem;
            background-color: #fff;
            border-radius: 10px;
            font-size: 0.373rem;
            text-indent: 0.6rem;
            padding: 0 0.24rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-image: url();
            background-repeat: no-repeat;
            background-size: 0.45rem auto;
            background-position: top 0.18rem left 0.3rem;
            line-height: 2.2;
        }

        .skeleton-tab[data-v-1176ab26] {
            position: relative;
            padding: 0 0.4rem 0 0.533rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 1px 2px 5px hsla(0, 11%, 79%, 0.5);
            box-shadow: 1px 2px 5px hsla(0, 11%, 79%, 0.5);
            height: 1.333rem;
            font-size: 0;
            overflow: hidden;
            vertical-align: middle;
        }

        .skeleton-swiper[data-v-1176ab26] {
            height: 3.5rem;
            background: #f5f5f5 url(http://img1.lukou.com/static/img/gif/Spinner.gif) no-repeat center center;
            padding-top: 1rem;
            background-size: 30% auto;
        }

        .skeleton-banners[data-v-1176ab26] {
            height: 3.6rem;
            border-top: 1px solid #d9d9d9;
            margin-bottom: 0.267rem;
            border-bottom: 1px solid #d9d9d9;
        }

        .skeleton-banner[data-v-1176ab26] {
            width: 50%;
            background-color: #fff;
            height: 100%;
            float: left;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .skeleton-banner[data-v-1176ab26]:first-child {
            border-right: 1px solid #d9d9d9;
        }

        .skeleton-banner-item[data-v-1176ab26] {
            height: 50%;
        }

        .skeleton-banner-item[data-v-1176ab26]:first-child {
            border-bottom: 1px solid #d9d9d9;
        }

        .skeleton-list[data-v-1176ab26] {
            background-color: #f5f5f5;
        }

        .skeleton-item[data-v-1176ab26] {
            width: 49%;
            height: 7.39rem;
            margin-bottom: 0.16rem;
            float: left;
            background: #fff;
        }

        .skeleton-item[data-v-1176ab26]:nth-child(odd) {
            margin-right: 2%;
        }

        .split-line[data-v-1176ab26] {
            color: rgba(135, 122, 115, 0.7);
            font-size: 0.32rem;
            text-align: center;
            height: 1.067rem;
            line-height: 1.067rem;
            vertical-align: middle;
            font-size: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .split-line .line[data-v-1176ab26] {
            height: 1px;
            background-color: #fdde4a;
            width: 12%;
            display: inline-block;
            margin-bottom: 3px;
        }

        .split-line .text[data-v-1176ab26] {
            font-size: 0.32rem;
        }

        .split-line .text[data-v-1176ab26]:before {
            content: "";
            width: 0;
            height: 0;
            border: 3px solid #fdde4a;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-top: -3px;
            margin-right: 0.4rem;
        }

        .split-line .text[data-v-1176ab26]:after {
            content: "";
            width: 0;
            height: 0;
            border: 3px solid #fdde4a;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-top: -3px;
            margin-left: 0.4rem;
        }
    </style>
    <link href="//img6.lukou.com/static/css/app.styles.4f943e57433911d8b694.css" rel="stylesheet">
   
    <link rel="stylesheet" type="text/css" href="//img6.lukou.com/static/css/app.20.e2af4e13fa9200f4fd2b.css">
    
    <link rel="stylesheet" type="text/css" href="//img6.lukou.com/static/css/app.1.8a3edf7a0be09cd0e4e1.css">
<script>
    window.onload = function(){
        let id = window.location.search.split('=')[1];
        let xmlHttp = new window.XMLHttpRequest();
        xmlHttp.open('GET',`http://xiongmaoyouxuan.com/api/detail?id=${id}`,true);
        xmlHttp.send();
        xmlHttp.onreadystatechange = function(){
            if(xmlHttp.readyState == 4){
                if(xmlHttp.status == 200){
                    let result = JSON.parse(xmlHttp.responseText);
                    console.log(result.data.detail.title);
                    let content = `
                    <div data-v-3b1ea705="" data-v-17a93fe4="" class="commodity">
                        <div data-v-3b1ea705="" class="cmd-info">
                            <div data-v-3b1ea705="" class="photos">
                                <div data-v-3b1ea705="" class="swiper-container swiper-container-horizontal">
                                    <div class="swiper-wrapper"
                                        style="transition-duration: 0ms; transform: translate3d(-1128px, 0px, 0px);">
                                        <div data-v-3b1ea705="" class="swiper-slide swiper-slide-next"
                                            style="width: 282px;"><img data-v-3b1ea705=""
                                                src="//img.alicdn.com/bao/uploaded/i2/2885979717/O1CN01ROcKC62LeRFdxYg6i_!!0-item_pic.jpg_600x600q90.jpg"
                                                alt="" class="cmd-img"></div>
                                        <div data-v-3b1ea705="" class="swiper-slide" style="width: 282px;"><img
                                                data-v-3b1ea705=""
                                                src="//img.alicdn.com/i4/2885979717/O1CN01PciJjE2LeRBP0xuNJ_!!2885979717-0-lubanu-s.jpg_600x600q90.jpg"
                                                alt="" class="cmd-img"></div>
                                        <div data-v-3b1ea705="" class="swiper-slide" style="width: 282px;"><img
                                                data-v-3b1ea705=""
                                                src="//img.alicdn.com/i2/2885979717/O1CN01enq2aT2LeRBJoTycL_!!2885979717.jpg_600x600q90.jpg"
                                                alt="" class="cmd-img"></div>
                                        <div data-v-3b1ea705="" class="swiper-slide swiper-slide-prev"
                                            style="width: 282px;"><img data-v-3b1ea705=""
                                                src="//img.alicdn.com/i4/2885979717/O1CN0134CoKk2LeRB6f0gfY_!!2885979717.jpg_600x600q90.jpg"
                                                alt="" class="cmd-img"></div>
                                        <div data-v-3b1ea705="" class="swiper-slide swiper-slide-active"
                                            style="width: 282px;"><img data-v-3b1ea705=""
                                                src="${result.data.detail.photo[0].url}"
                                                alt="" class="cmd-img"></div>
                                    </div>
                                    <div data-v-3b1ea705=""
                                        class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                                        <span class="swiper-pagination-bullet" tabindex="0" role="button"
                                            aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet"
                                            tabindex="0" role="button" aria-label="Go to slide 2"></span><span
                                            class="swiper-pagination-bullet" tabindex="0" role="button"
                                            aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet"
                                            tabindex="0" role="button" aria-label="Go to slide 4"></span><span
                                            class="swiper-pagination-bullet swiper-pagination-bullet-active"
                                            tabindex="0" role="button" aria-label="Go to slide 5"></span></div> <span
                                        class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                                </div>
                            </div>
                            <div data-v-3b1ea705="" class="container">
                                <h1 data-v-3b1ea705="" class="cmd-title">
                                    <div data-v-3b1ea705="" class="title-icons"><img data-v-3b1ea705=""
                                            src=""
                                            class="platform"> <img data-v-3b1ea705=""
                                            src=""
                                            class="free-postage"></div>
                                    ${result.data.detail.title}
                                </h1>
                                <div data-v-3b1ea705="" class="cmd-price">
                                    <p data-v-3b1ea705="" class="original-price"><i data-v-3b1ea705=""> 原价${result.data.detail.originPrice}</i></p>
                                    <div data-v-3b1ea705="" class="last-price"><span data-v-3b1ea705="">券后价:</span>
                                        <span data-v-3b1ea705="" class="price"><i data-v-3b1ea705="" class="value-tag"
                                                style="font-size: 20px; font-style: normal;">¥</i>9<span
                                                data-v-3b1ea705="" class="digit"
                                                style="font-size: 28px;">.8</span></span> <span data-v-3b1ea705=""
                                            class="coupon-info">${result.data.detail.couponValue}</span> <span data-v-3b1ea705=""
                                            class="sale-num">${result.data.detail.saleNum}人已买</span></div>
                                </div>
                                <p data-v-3b1ea705="" class="expire-date"><span data-v-3b1ea705="">
                                        优惠有效期：${result.data.detail.coupon.expireDate?result.data.detail.coupon.expireDate:''}
                                    </span>
                                </p>
                                <div data-v-3b1ea705="" class="clear"></div> <button data-v-3b1ea705="" class="goTB-btn"
                                    style="background-color: rgb(250, 88, 90);">领券购买
                                </button>
                            </div>
                        </div>
                        <div data-v-3b1ea705="" class="shop-info">
                            <div data-v-3b1ea705="" class="content"><span data-v-3b1ea705="" class="line"></span> <span
                                    data-v-3b1ea705="" class="txt">卖家信息</span> <span data-v-3b1ea705=""
                                    class="line"></span></div> <img data-v-3b1ea705=""
                                src="http://logo.taobao.com/shop-logo/58/0e/TB1bqX_KFXXXXbjXXXXSutbFXXX.jpg"
                                class="shop-image">
                            <p data-v-3b1ea705="" class="shop-name">${result.data.shop.nickname}</p>
                            <div data-v-3b1ea705="" class="shop-score">
                                <ul data-v-3b1ea705="" class="character">
                                    <li data-v-3b1ea705="">描述</li>
                                    <li data-v-3b1ea705="">服务</li>
                                    <li data-v-3b1ea705="">物流</li>
                                </ul>
                                <ul data-v-3b1ea705="" class="score">
                                    <li data-v-3b1ea705="">4.8</li>
                                    <li data-v-3b1ea705="">4.8</li>
                                    <li data-v-3b1ea705="">4.8</li>
                                </ul>
                            </div>
                        </div>
                        <div data-v-3b1ea705="" class="cmd-detail">
                            <div data-v-3b1ea705="" class="imgs">
                                
                    `;
                    for(let i = 0;i<result.data.detail.descContentList.length;i++){
                        content += `
                        <img data-v-3b1ea705="" src="${result.data.detail.descContentList[i].photo.url}" alt=""> 
                        `;
                    }
                    content += `
                            </div>
                        </div>
                    </div>
                    `;
                    document.querySelector('.pc-view').innerHTML = content;

                }
            }
        }
    }
</script>
</head>
<body>
    <img src="http://img1.lukou.com/static/coupon/p/banner/20170808-164221.jpeg" style="display:block;height:0;width:0;overflow:hidden" alt="每天更新淘宝天猫内部优惠券，淘宝天猫精选超值商品。全场1元起包邮！" id="xmyxImg">
    <div class="main">
        <div id="appBox">
            <div data-v-17a93fe4="" id="appPC" style="position: static;">
                <header data-v-17a93fe4="" class="baseHeader">
                    <div class="wrapper">
                        <section class="logo"><a href="#/" title="返回首页"><img
                                    src=""
                                    alt="logo">
                                <div class="right">
                                    <h3>熊猫优选</h3> <span>XIONG MAO YOU XUAN</span>
                                </div>
                            </a></section>
                        <section class="wrapper-search">
                            <div data-v-4e2355ca="" class="search"><input data-v-4e2355ca="" placeholder="搜索商品，发现更多优惠">
                                <div data-v-4e2355ca="" class="btn">搜索</div>
                                <ul data-v-4e2355ca="" class="hot-list" style="display: none;">
                                    <li data-v-4e2355ca="" class="highlight">
                                        洗面奶
                                    </li>
                                    <li data-v-4e2355ca="" class="">
                                        气泡酒
                                    </li>
                                    <li data-v-4e2355ca="" class="">
                                        口红
                                    </li>
                                    <li data-v-4e2355ca="" class="highlight">
                                        洗发水
                                    </li>
                                    <li data-v-4e2355ca="" class="">
                                        牙膏
                                    </li>
                                    <li data-v-4e2355ca="" class="highlight">
                                        螺蛳粉
                                    </li>
                                    <li data-v-4e2355ca="" class="">
                                        托特包
                                    </li>
                                    <li data-v-4e2355ca="" class="">
                                        口罩
                                    </li>
                                </ul>
                            </div>
                        </section>
                        <section class="advantage">
                            <ul>
                                <li><img src=""
                                        alt="全程包邮"> <span>全程包邮</span></li>
                                <li><img src=""
                                        alt="7天退换"> <span>7天退换</span></li>
                                <li><img src=""
                                        alt="品质保证"> <span>品质保证</span></li>
                            </ul>
                        </section>
                    </div>
                </header>
                <div data-v-f8438a40="" data-v-17a93fe4="" class="tab">
                    <div data-v-f8438a40="" class="normal">
                        <ul data-v-f8438a40="">
                            <li data-v-f8438a40="" class="active">首页</li>
                        </ul>
                    </div>
                    <!---->
                </div>
                <div data-v-17a93fe4="" class="pc-view">
                    
                </div>
                <div data-v-3842a199="" data-v-17a93fe4="" class="back-top"><img data-v-3842a199=""
                        src=""
                        class="top"></div>
                <footer data-v-17a93fe4="" class="footer">
                    <div data-v-45033d6c="" data-v-17a93fe4="" class="base-footer">
                        <div data-v-45033d6c="" class="container"><img data-v-45033d6c=""
                                src="http://img1.lukou.com/static/img/activity/icon.png" class="yx-icon">
                            <div data-v-45033d6c="" class="content">
                                <h1 data-v-45033d6c="" class="title">熊猫优选</h1>
                                <p data-v-45033d6c="" class="slogan">年轻人网购首选<br data-v-45033d6c="">购物领券更省钱</p>
                            </div>
                            <div data-v-45033d6c="" class="about-us">
                                <p data-v-45033d6c="" class="items"><span data-v-45033d6c="" class="line">|</span> <a
                                        data-v-45033d6c="" href="#/downLoad" target="_blank" class="item">下载APP</a></p>
                            </div>
                            <div data-v-45033d6c="" class="footer"><img data-v-45033d6c=""
                                    src="http://img1.lukou.com/static/img/activity/policeIcon.png" class="police-icon">
                                <p data-v-45033d6c="" class="msg"><span data-v-45033d6c="">浙公安网备案 33010602009949号 |
                                        增值电信业务经营许可证：浙B2-20160363 | </span>
                                    ICP备案号: <a data-v-45033d6c="" href="https://beian.miit.gov.cn"
                                        style="color: rgb(255, 255, 255);">浙ICP备17012864号-1</a></p>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
        <div id="skeleton" style="display: none; position: static;">
            <div data-server-rendered="true">
                <div id="skeletonPC" class="skeleton" style="display: block;" data-v-1fe2b92c="">
                    <header class="baseHeader" data-v-1fe2b92c="">
                        <div class="wrapper" data-v-1fe2b92c="">
                            <section class="logo" data-v-1fe2b92c=""><a href="#/" title="返回首页" data-v-1fe2b92c=""><img
                                        src=""
                                        alt="logo" data-v-1fe2b92c="">
                                    <div class="right" data-v-1fe2b92c="">
                                        <h3 data-v-1fe2b92c="">熊猫优选</h3><span data-v-1fe2b92c="">XIONG MAO YOU
                                            XUAN</span>
                                    </div>
                                </a></section>
                            <section class="wrapper-search" data-v-1fe2b92c="">
                                <div class="search" data-v-1fe2b92c=""><input placeholder="搜索商品，发现更多优惠"
                                        data-v-1fe2b92c="">
                                    <div class="btn" data-v-1fe2b92c="">搜索</div>
                                    <ul class="hot-list" data-v-1fe2b92c="">
                                        <li data-v-1fe2b92c=""></li>
                                        <li data-v-1fe2b92c=""></li>
                                        <li data-v-1fe2b92c=""></li>
                                        <li data-v-1fe2b92c=""></li>
                                    </ul>
                                </div>
                            </section>
                            <section class="advantage" data-v-1fe2b92c="">
                                <ul data-v-1fe2b92c="">
                                    <li data-v-1fe2b92c=""><img
                                            src=""
                                            alt="全程包邮" data-v-1fe2b92c=""> <span data-v-1fe2b92c="">全程包邮</span></li>
                                    <li data-v-1fe2b92c=""><img
                                            src=""
                                            alt="7天退换" data-v-1fe2b92c=""> <span data-v-1fe2b92c="">7天退换</span></li>
                                    <li data-v-1fe2b92c=""><img
                                            src=""
                                            alt="品质保证" data-v-1fe2b92c=""> <span data-v-1fe2b92c="">品质保证</span></li>
                                </ul>
                            </section>
                        </div>
                    </header>
                    <div class="tab" data-v-1fe2b92c="">
                        <div class="normal" data-v-1fe2b92c="">
                            <ul data-v-1fe2b92c="">
                                <li data-v-1fe2b92c="">首页</li>
                                <li data-v-1fe2b92c="">9块9包邮</li>
                                <li data-v-1fe2b92c="">超值大额券</li>
                            </ul>
                        </div>
                    </div>
                    <div class="content" data-v-1fe2b92c="">
                        <div class="banners" data-v-1fe2b92c="">
                            <section class="sidebar" data-v-1fe2b92c="">
                                <div class="classification" data-v-12ba298d="" data-v-1fe2b92c="">
                                    <ul data-v-12ba298d="">
                                        <li data-v-12ba298d="">
                                            <div class="classificationItem" data-v-41247680="" data-v-12ba298d=""><img
                                                    src="http://img1.lukou.com/static/img/activity/Bitmap4.png"
                                                    alt="icon" data-v-41247680="">
                                                <p data-v-41247680="">女装</p>
                                                <p data-v-41247680=""><span data-v-41247680="">/</span>女鞋</p>
                                            </div>
                                        </li>
                                        <li data-v-12ba298d="">
                                            <div class="classificationItem" data-v-41247680="" data-v-12ba298d=""><img
                                                    src="http://img1.lukou.com/static/img/activity/Bitmap4.png"
                                                    alt="icon" data-v-41247680="">
                                                <p data-v-41247680="">男装</p>
                                                <p data-v-41247680=""><span data-v-41247680="">/</span>男鞋</p>
                                            </div>
                                        </li>
                                        <li data-v-12ba298d="">
                                            <div class="classificationItem" data-v-41247680="" data-v-12ba298d=""><img
                                                    src="http://img1.lukou.com/static/img/activity/Bitmap4.png"
                                                    alt="icon" data-v-41247680="">
                                                <p data-v-41247680="">美妆</p>
                                                <p data-v-41247680=""><span data-v-41247680="">/</span>个护</p>
                                            </div>
                                        </li>
                                        <li data-v-12ba298d="">
                                            <div class="classificationItem" data-v-41247680="" data-v-12ba298d=""><img
                                                    src="http://img1.lukou.com/static/img/activity/Bitmap4.png"
                                                    alt="icon" data-v-41247680="">
                                                <p data-v-41247680="">配饰</p>
                                                <p data-v-41247680=""><span data-v-41247680="">/</span>箱包</p>
                                            </div>
                                        </li>
                                        <li data-v-12ba298d="">
                                            <div class="classificationItem" data-v-41247680="" data-v-12ba298d=""><img
                                                    src="http://img1.lukou.com/static/img/activity/Bitmap4.png"
                                                    alt="icon" data-v-41247680="">
                                                <p data-v-41247680="">零食王国</p>
                                            </div>
                                        </li>
                                        <li data-v-12ba298d="">
                                            <div class="classificationItem" data-v-41247680="" data-v-12ba298d=""><img
                                                    src="http://img1.lukou.com/static/img/activity/Bitmap4.png"
                                                    alt="icon" data-v-41247680="">
                                                <p data-v-41247680="">母婴用品</p>
                                            </div>
                                        </li>
                                        <li data-v-12ba298d="">
                                            <div class="classificationItem" data-v-41247680="" data-v-12ba298d=""><img
                                                    src="http://img1.lukou.com/static/img/activity/Bitmap4.png"
                                                    alt="icon" data-v-41247680="">
                                                <p data-v-41247680="">手机</p>
                                                <p data-v-41247680=""><span data-v-41247680="">/</span>数码</p>
                                            </div>
                                        </li>
                                        <li data-v-12ba298d="">
                                            <div class="classificationItem" data-v-41247680="" data-v-12ba298d=""><img
                                                    src="http://img1.lukou.com/static/img/activity/Bitmap4.png"
                                                    alt="icon" data-v-41247680="">
                                                <p data-v-41247680="">内衣袜子</p>
                                            </div>
                                        </li>
                                        <li data-v-12ba298d="">
                                            <div class="classificationItem" data-v-41247680="" data-v-12ba298d=""><img
                                                    src="http://img1.lukou.com/static/img/activity/Bitmap4.png"
                                                    alt="icon" data-v-41247680="">
                                                <p data-v-41247680="">文娱</p>
                                                <p data-v-41247680=""><span data-v-41247680="">/</span>家居</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </section>
                            <div class="banner-container" data-v-1fe2b92c="">
                                <div class="swiper" data-v-1fe2b92c=""></div>
                                <div class="banner-container-bottom" data-v-1fe2b92c="">
                                    <div class="item" data-v-1fe2b92c=""></div>
                                    <div class="item" data-v-1fe2b92c=""></div>
                                    <div class="item" data-v-1fe2b92c=""></div>
                                </div>
                            </div>
                            <div class="banner-right" data-v-1fe2b92c="">
                                <div class="item" data-v-1fe2b92c=""></div>
                                <div class="item" data-v-1fe2b92c=""></div>
                            </div>
                        </div>
                        <ul class="list" data-v-1fe2b92c="">
                            <li class="list-item" data-v-1fe2b92c=""></li>
                            <li class="list-item" data-v-1fe2b92c=""></li>
                            <li class="list-item" data-v-1fe2b92c=""></li>
                            <li class="list-item" data-v-1fe2b92c=""></li>
                        </ul>
                    </div>
                    <footer class="footer" data-v-1fe2b92c="">
                        <div class="base-footer" data-v-0a0f47c2="" data-v-1fe2b92c="">
                            <div class="container" data-v-0a0f47c2=""><img
                                    src="http://img1.lukou.com/static/img/activity/icon.png" class="yx-icon"
                                    data-v-0a0f47c2="">
                                <div class="content" data-v-0a0f47c2="">
                                    <h1 class="title" data-v-0a0f47c2="">熊猫优选</h1>
                                    <p class="slogan" data-v-0a0f47c2="">年轻人网购首选<br data-v-0a0f47c2="">购物领券更省钱</p>
                                </div>
                                <div class="about-us" data-v-0a0f47c2="">
                                    <p class="items" data-v-0a0f47c2=""><a href="#/aboutUs" target="_blank" class="item"
                                            data-v-0a0f47c2="">关于我们</a> <span class="line" data-v-0a0f47c2="">|</span>
                                        <a href="#/downLoad" target="_blank" class="item" data-v-0a0f47c2="">下载APP</a>
                                    </p>
                                </div>
                                <div class="footer" data-v-0a0f47c2=""><img
                                        src="http://img1.lukou.com/static/img/activity/policeIcon.png"
                                        class="police-icon" data-v-0a0f47c2=""></div>
                            </div>
                        </div>
                    </footer>
                </div>
                <div id="skeletonH5" class="skeleton" style="display:none" data-v-1176ab26="">
                    <div class="skeleton-nav" data-v-1176ab26="">
                        <div class="skeleton-search" data-v-1176ab26="">
                            <div class="skeleton-input" data-v-1176ab26="">搜索商品，发现更多更多</div>
                        </div>
                        <div class="skeleton-tab" data-v-1176ab26=""></div>
                    </div>
                    <div class="skeleton-swiper" data-v-1176ab26=""></div>
                    <div class="skeleton-banners" data-v-1176ab26="">
                        <div class="skeleton-banner" data-v-1176ab26=""></div>
                        <div class="skeleton-banner" data-v-1176ab26="">
                            <div class="skeleton-banner-item" data-v-1176ab26=""></div>
                            <div class="skeleton-banner-item" data-v-1176ab26=""></div>
                        </div>
                    </div>
                    <div class="split-line" data-v-1176ab26="">
                        <div class="line" data-v-1176ab26=""></div>
                        <div class="text" data-v-1176ab26="">小编精选，全场特惠 (ง •̀_•́)ง</div>
                        <div class="line" data-v-1176ab26=""></div>
                    </div>
                    <ul class="skeleton-list" data-v-1176ab26="">
                        <li class="skeleton-item" data-v-1176ab26=""></li>
                        <li class="skeleton-item" data-v-1176ab26=""></li>
                        <li class="skeleton-item" data-v-1176ab26=""></li>
                        <li class="skeleton-item" data-v-1176ab26=""></li>
                    </ul>
                </div>
            </div>
            <script>
                if (window.isPC) {
                    document.querySelector("#skeletonPC").style.display = "block";
                } else {
                    document.querySelector("#skeletonH5").style.display = "block";
                }
            </script>
        </div>
    </div>
    <footer id="securityInfo_1" style="padding-bottom: 50px; display: block;"><a key="58d0edfeefbfb0254d37320f"
            logo_size="83x30" logo_type="common"
            href="http://www.cn-ecusc.org.cn/cert/aqkx/site/?site=xiongmaoyouxuan.com"
            style="padding:.2rem 0 .2rem 0;text-align:center;position:relative;z-index:1002;margin:0 auto;display:block;width:83px"
            target="_blank">
           <b id="aqLogoHSOVX" style="display: none;"></b><img
                src="//static.anquan.org/static/outer/image/aqkx_83x30.png?id=xiongmaoyouxuan.com?t=4" alt="安全联盟认证"
                width="83" height="30" style="border: none;">
        </a></footer>
    <footer id="securityInfo_2" style="padding-bottom: 50px; display: none;"><a logo_size="83x30" logo_type="common"
            href="https://v.yunaq.com/certificate?domain=xiongmaoyouxuan.com&amp;from=label&amp;code=90020"
            style="padding:.2rem 0 .2rem 0;text-align:center;position:relative;z-index:1002;margin:0 auto;display:block;width:83px"
            target="_blank">
            <b id="aqLogoLSLMX" style="display: none;"></b><img
                src="//aqyzmedia.yunaq.com/labels/label_lg_90020.png?id=xiongmaoyouxuan.com?t=4" alt="安全联盟认证" width="83"
                height="30" style="border: none;">
        </a></footer>
   
   
</body>

</html>